/***********************************************
 * 长江设计集团-网站首页样式 
 ***********************************************/
body{padding-bottom:51px;}

#banner{width:100%;overflow:hidden;position:relative;z-index:10;background:#f6f5f4;}
#banner .banner{z-index:300;position:relative;overflow:hidden;height:100%;}
#banner .banner ul li{width:100%;height:100%;position:absolute;left:0;top:0;background-position:center center;-webkit-user-select:none;background-size:auto 100%;background-repeat:no-repeat;}
#banner .banner ul li a{background:url("../images/banner-bg-title.png");line-height:34px;font-size:14px;padding:0 10px;left:60px;bottom:-30px;color:#fff;position:absolute;height:34px;border-radius:5px;}

#banner .banner a.prev_btn{display:block;width:32px;height:32px;z-index:200;position:absolute;right:78px;cursor:pointer;bottom:33px;background:url("../images/btn.png") no-repeat;}
#banner .banner a.next_btn{display:block;width:32px;height:32px;z-index:200;position:absolute;right:46px;cursor:pointer;bottom:33px;background:url("../images/btn.png") 0 -32px no-repeat;}
#banner .banner .dot_btn{position:absolute;right:120px;bottom:45px;z-index:200;}
#banner .banner .dot_btn a{width:8px;height:8px;float:left;background:#fff;opacity:.5;margin-right:9px;border-radius:50%;cursor:pointer;}
#banner .banner .dot_btn a.current{opacity:1;}


#main-info-box{width:100%;background:url("../images/main-info-bg.png");height:215px;position:absolute;bottom:-215px;left:0;width:100%;z-index:500;}

#main-info-box a#switch-btn{display:block;background:url("../images/main-info-btn.png") no-repeat;width:70px;line-height:70px;text-align:center;position:absolute;top:-85px;left:50%;margin-left:-35px;color:#fff;cursor:pointer;-webkit-transition:all 320ms ease-out;-moz-transition:all 320ms ease-out;-ms-transition:all 320ms ease-out;-o-transition:all 320ms ease-out;transition:all 320ms ease-out}
#main-info-box a#switch-btn b{display:block;width:100%;height:100%}
#main-info-box a#switch-btn.off{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#main-info-box a#switch-btn.off b{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#main-info-box .main-info-new{width:960px;margin:0 auto}
#main-info-box .main-info-new .item{float:left}
#main-info-box .main-info-new .item h4{padding:15px 0;height:17px;font-weight:400;font-size:12px;line-height:16px}
#main-info-box .main-info-new .item h4 span{display:block;float:left;width:83px;background-repeat:no-repeat;height:17px;padding-left:17px;font-size:15px;font-weight:bold;color:#fff;font-family: "微软雅黑",'宋体';line-height:17px;overflow:hidden;}
#main-info-box .main-info-new .item h4 a{float:right;margin-right:7px;color:#cecfd1}
#main-info-box .main-info-new .item h4 a:hover{color:#fff}
#main-info-box .main-info-new .item-content{border:2px solid #dcdcdc;background:#fff;height:135px}
#main-info-box .main-info-new .news-box{width:309px;margin-right:17px}
#main-info-box .main-info-new .news-box h4 span{background-image:url("../images/main-title-bg.png")}
#main-info-box .main-info-new .news-box .item-content ul{padding:0 15px 0 10px}
#main-info-box .main-info-new .news-box .item-content ul li{line-height:42px;height:42px;border-bottom:1px dashed #cacaca}
#main-info-box .main-info-new .news-box .item-content ul li span{float:right}
#main-info-box .main-info-new .news-box .item-content ul li a span{float:right;display:none}
#main-info-box .main-info-new .news-box .item-content ul li a{padding:0 0 0 15px;color:#585858;font-size:14px;line-height:42px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background:url("../images/main-info-news-ico.png") 5px 20px no-repeat}
#main-info-box .main-info-new .news-box .item-content ul li a:hover{color:#000}
#main-info-box .main-info-new .img-box{width:309px;margin-right:16px}
#main-info-box .main-info-new .img-box h4 span{background-image:url("../images/main-title-bg.png")}
#main-info-box .main-info-new .img-box .item-content{position:relative}
#main-info-box .main-info-new .img-box .item-content .scroll_container{width:264px;position:absolute;top:13px;left:20px;height:109px;z-index:20;overflow:hidden}
#main-info-box .main-info-new .img-box .item-content .scroll_container li{width:264px;height:109px;position:absolute}
#main-info-box .main-info-new .img-box .item-content .title_show{width:264px;height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url("../images/main-scroll-img-bg.png");color:#fff;position:absolute;left:20px;z-index:30;top:100px;text-align:center}
#main-info-box .main-info-new .img-box .item-content a.next_btn{display:block;width:12px;height:20px;overflow:hidden;position:absolute;background:url("../images/btn2.png") right top no-repeat;right:4px;top:56px;cursor:pointer}
#main-info-box .main-info-new .img-box .item-content a.prev_btn{display:block;width:12px;height:20px;overflow:hidden;position:absolute;background:url("../images/btn2.png") left top no-repeat;left:4px;top:56px;cursor:pointer}
#main-info-box .main-info-new .honor-box{width:309px;overflow:hidden;position:relative}
#main-info-box .main-info-new .honor-box .scroll_container{width:100%;height:100%;overflow:hidden;position:relative;z-index:30}
#main-info-box .main-info-new .honor-box .scroll_container li{position:absolute;width:100%;height:100%;overflow:hidden}
#main-info-box .main-info-new .honor-box h4 span{background-image:url("../images/main-title-bg.png");}
#main-info-box .main-info-new .honor-box .item-content ul li img{display:block;width:148px;height:135px;overflow:hidden;float:left}
#main-info-box .main-info-new .honor-box .item-content ul li p{float:left;background:#dddfdf;color:#000;display:block;height:121px;width:143px;line-height:22px;font-size:12px;padding:7px;cursor:pointer}
#main-info-box .main-info-new .honor-box .item-content .dot_btn{position:absolute;bottom:14px;right:7px;z-index:40}
#main-info-box .main-info-new .honor-box .item-content .dot_btn a{float:left;width:5px;height:5px;background:#fff;margin-right:5px;cursor:pointer}
#main-info-box .main-info-new .honor-box .item-content .dot_btn a.current{background:#074795}
